<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>

    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/private.css">
</head>
<body>
       <div id="head">

        <div class="head_left float_left">
            <a href="#" class="float_left">新闻</a>
            <a href="#" class="float_left">hao123</a>
            <a href="#" class="float_left">地图</a>
            <a href="#" class="float_left">贴吧</a>
            <a href="#" class="float_left">视频</a>
            <a href="#" class="float_left">图片</a>
            <a href="#" class="float_left">网盘</a>

            <div class="more  float_left">
                <a href="#">更多</a>
                
                <div class="nine_photograph">
                    <a href="#">
                        <i class="ico phot_one"></i>
                        <span>翻译</span>
                    </a>
                    <a href="#">
                        <i class="ico phot_two"></i>
                        <span>学术</span>
                    </a>
                    <a href="#">
                        <i class="ico phot_three"></i>
                        <span>文库</span>
                    </a>
                    <a href="#">
                        <i class="ico phot_flour"></i>
                        <span>百科</span>
                    </a>
                    <a href="#">
                        <i class="ico phot_five"></i>
                        <span>知道</span>
                    </a>
                    <a href="#">
                        <i class="ico phot_six"></i>
                        <span>健康</span>
                    </a>
                    <a href="#">
                        <i class="ico phot_seven"></i>
                        <span>营销推广</span>
                    </a>
                    <a href="#">
                        <i class="ico phot_eight"></i>
                        <span>直播</span>
                    </a>
                    <a href="#">
                        <i class="ico phot_nine"></i>
                        <span>音乐</span>
                    </a>

                    <a href="#" class="more_foot">查看全部百度产品 > </a>
                </div>
            </div>
        </div>

        <div class="head_right float_right">

            <div class="set">
                <a href="#">设置</a>

                <div class="list">
                    <a class="list_link" href="#">高级搜索</a>
                    <a class="list_link" href="#">高级搜索</a>
                    <a class="list_link" href="#">高级搜索</a>
                    <a class="list_link" href="#">高级搜索</a>
                    <a class="list_link" href="#">高级搜索</a>
                </div>
            </div>
            <a href="#" class="login ClearFlat">登录</a>
        </div>


    </div>

        <div id="middle">
             <a href="#"><img src="./img/pc_9c5c85e6b953f1d172e1ed6821618b91.png"></a>
        
                <div class="search_box"><!--搜索-->
                    
                       <div class="input_box float_left">
                        <input type="text" name="keyword" id="keyword">
                        <i>pp</i>
                       </div>

                       <a class="bot float_left" href="#">百度一下</a>
                </div>
                <div class="hot_search">
                       <div class="hot_search_head">
                            <h3 class="float_left">百度热搜 ></h3>
                            <h3 class="float_right ClearFlat">换一换</h3>
                       </div>

                    <div class="hot_search_left  float_left">
                        <a href="#"> <span class="one">1</span>从政府工作报告看生活将有哪些变化</a>
                        <a href="#"> <span class="two">2</span>热4本土感染连续两天超500例</a>
                        <a href="#"> <span class="three">3</span>涉16省份热2美在乌生物实验室引关注</a>
                    </div>

                    <div class="hot_search_right  float_right">
                                    <a href="#"> <span>4</span>中方回应热5人民日报</a>
                                    <a href="#"> <span>5</span>今天不必称呼女神女王</a>
                                    <a href="#"> <span>6</span>“代表通道”上的基层声音热</a>
                    </div>


               </div>
        </div>

        <div id="foot">
            <a href="#">关于百度</a>
            <a href="#"> About Baidu</a>
            <a href="#">使用百度前必读帮助中心</a>
            <a href="#">京公网安备11000002000001号</a>
            <a href="#">京ICP证030173号</a>
            <a href="#">©2022 Baidu </a>
            <span>互联网药品信息服务资格证书</span> 
            <span>(京)-经营性-2017-0020</span>
            <a href="#">信息网络传播视听节目许可证 0110516</a>
             
        </div>
    
</body>
</html>